$(function(){
	var sWidth = $(".imgShowt").width(); //获取焦点图的宽度（显示面积）
	var len = $(".imgShowt ul li").length; //获取焦点图个数
	var index = 0;
	var picTimer;
	$(".imgNav li").mouseenter(function() {
		index = $(".imgNav li").index(this);
		showPics(index);
	}).eq(0).trigger("mouseenter");

	//本例为左右滚动，即所有li元素都是在同一排向左浮动，所以这里需要计算出外围ul元素的宽度
	$(".imgShowt ul").css("width",sWidth * (len));
	
	//鼠标滑上焦点图时停止自动播放，滑出时开始自动播放
	$(".imgShowt").hover(function() {
		clearInterval(picTimer);
	},function() {
		picTimer = setInterval(function() {
			showPics(index);
			index++;
			if(index == len) {index = 0;}
		},4000); //此4000代表自动播放的间隔，单位：毫秒
	}).trigger("mouseleave");
	
	//显示图片函数，根据接收的index值显示相应的内容
	function showPics(index) { //普通切换
		var nowLeft = -index*sWidth; //根据index值计算ul元素的left值
		//var titxt=$("#focus li img").eq(index-1).attr("alt");
		$(".imgShowt ul").stop(true,false).animate({"margin-left":nowLeft},300); //通过animate()调整ul元素滚动到计算出的position
		//$("#focus .btn span").removeClass("on").eq(index).addClass("on"); //为当前的按钮切换到选中的效果
		$(".imgNav li").removeClass("on").eq(index).addClass("on"); //为当前的按钮切换到选中的效果
	}

	$(".goods").find("ul").hide().eq(0).show();
	$(".tablist li").eq(0).addClass("on");
	$(".tablist li").click(function(){
		$(".tablist li").removeClass();
		$(this).addClass("on");
		var index=$(".tablist li").index(this);
		$(".goods").find("ul").hide().eq(index).show();
	})
	$(".tablist li a").click(function(event){
		event.preventDefault();
	})
	

});

var sldTime;
$(".showhold").hover(function(){
	var ngood=$(this);
	sldTime=setTimeout(function(){
		$(".showhold").not($(".on")).find(".bluebg").hide();
		$(".showhold").removeClass("hover");
		ngood.find(".bluebg").slideDown(400);
		ngood.addClass("hover");
	},50);
},function(){
	clearTimeout(sldTime);
	$(this).removeClass("hover");
	$(this).not($(".on")).find(".bluebg").hide();
})

$(".showhold").click(function(){
	$(".showhold").removeClass("on");
	$(this).addClass("on");
	$(".showhold").find(".bluebg").hide();
	$(this).find(".bluebg").show();
})

/*图片划屏展示*/
$("#movPicshow").owlCarousel({
    items: 1,
    navigation: false,
    animateOut: 'fadeOut',
    loop: true,
    autoplay:true,
    autoplayTimeout:4000,
    autoplayHoverPause:true
});
$("#showPicshow").owlCarousel({
    items: 1,
    navigation: false,
    animateOut: 'fadeOut',
    loop: true,
    autoplay:true,
    autoplayTimeout:4000,
    autoplayHoverPause:true
});



$("#ts").click(function(){
    $("#ts").attr("src", "/img/zzw1.gif");
	});
$(".details_zk").click(function() {
		if($(".h48").css("height")=="48px"){
			$(".h48").css('height','auto');
			$(".details_zk").html("- 收起");
		}
		else{
			$(".details_zk").html("+ 展开");
			$(".h48").css('height','48px');
		}
	});
	


